<include file="Home/Public/Header" />
<link href="__CSS__/common.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="__CSS__/global.css">
<link href="__CSS__/global_new.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="__CSS__/Public.css">
<link rel="stylesheet" type="text/css" href="__CSS__/Personal.css">
<link rel="stylesheet" type="text/css" href="__CSS__/date/dateRange.css"/>
<script type="text/javascript" src="__SCRIPT__/date/dateRange.js"></script>
<script type="text/javascript" src="__SCRIPT__/jquery-1.8.3.min.js"></script>
<style type="text/css">
  .header {
    height:105px;
  }
  .size_selected {
    border:#f90 solid 1px;
    color:#f90;
    width:16px;
    height:16px;
    line-height:16px;
  }
  .cxFormtime {
    width: 69px;
    height:21px;
    margin-left:10px;
    border: medium none;
    cursor: pointer;
  }

  .downContent ul li {
    float:left;
    list-style-type:none;
  }
  .search_time_span {
    margin: 0 2px;
    background-color: #EFEFEF;
    border: 1px solid;
    padding: 4px;
  }
  .search_time_span_select {
    margin: 0 2px;
    background-color: #3D86EA;
    border: 1px solid #3D86EA;;
    padding: 4px;
    color: white;
  }
  .confirm_button {
    color: #fff;
    /*line-height: 1px;*/
    background: #06c;
    text-align: center;
    float: left;
    display: block;
    padding: 0 10px;
    text-decoration: none;
  }
  .downContent ul li {
    float:left;
    list-style-type:none;
  }
  .bail_notopeneds {
    background: #ffeaea;
    border: solid #ffabab 1px;
    padding: 10px;
    text-align: left;
    width:300px;
    margin-top:10px;
  }
  .sem-button {
    font-size:12px;
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: #E0E1E2;
    color: rgba(0, 0, 0, .6);
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin: 0 .25em 0 0;
    padding: 1px 6px;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, .15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: button;
    font: inherit;
    letter-spacing: normal;
    word-spacing: normal;
  }
  .sem-button.primary {
    background-color: #2185D0;
    color: #FFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, .15) inset;
  }
  .sem-button.primary:hover {
    background-color: #1678c2;
    color: #FFF;
    text-shadow: none;
  }
  .sem-button.orange {
    background-color: #F2711C;
    color: #FFF;
    text-shadow: none;
    background-image: none;
  }
  .sem-button.orange:hover {
    background-color: #f26202;
    color: #FFF;
    text-shadow: none;
  }
  .sem-button.large {
    padding: 6px 12px;
    font-siez:14px;
  }
</style>

</head>
<body>

<!--头部开始-->
<include file="Home/Public/top_box" />
<include file="Home/Public/Search" />
<!--头部结束-->
<div class="clear"></div>
<div class="center yxlb">您的当前位置是：首页 - <span style="color:#3366cc">我的游戏卖</span></div>
<div class="clear"></div>
<div class="center">
  <include file="Home/Member/LeftBar"/>
  <script type="text/javascript">
    var address = window.location.href.substring(window.location.href.lastIndexOf('/'));
    $('.personal_left ul li a').removeClass('global_a_hover');
    $.each($('.personal_left ul li'), function(i, item){
      var href = $(item).children('a').attr('href');
      href = href.substring(href.lastIndexOf('/'));
      if (address.indexOf(href) != -1) {
        $(item).children('a').addClass('global_a_hover');
      }
    });
  </script>
  <div class="personal_right">
    <div class="ddgl">
      <h1>资金明细</h1>
      <form id="queryForm" method="post">
        <div class="yxddcx">
          <ul>
            <li style="line-height:28px;"> <span style="float:left;">订 单 时 间：</span>
              <div class="ta_date" id="div_date1">
                <span class="date_title" value="" id="date1"></span>
                <a class="opt_sel" id="input_trigger1" href="#">
                  <i class="i_orderd"></i>
                </a>
              </div>
              <div id="datePicker1"></div>
              <span style="margin-left:62px"></span>
              <script type="text/javascript">
                var dateRange1 = new pickerDateRange('date1', {
                  isTodayValid : true,
                  aToday : 'aTodayDemo1', //今天
                  aRecent30Days : 'aRecent30DaysDemo1', //最近30天
                  aRecent90Days : 'aRecent90DaysDemo1', //最近90天
                  aRecent1Year : 'aRecent1YearDemo1',//最近1年
                  startDate : '{$startDate}',
                  endDate : '{$endDate}',
                  needCompare : false,
                  defaultText : ' 至 ',
                  autoSubmit : true,
                  inputTrigger : 'input_trigger1',
                  theme : 'ta',
                  magicSelect : false,
                });
              </script>
            </li>
            <li> 订 单 编 号：
              <input type="text" name="keyword" size="28" value="{$keyword}">
              <input type="submit" class="cxFormtime" value="" id="btnQuery">
            </li>
          </ul>
        </div>
      </form>
      <script type="text/javascript">
        $('.cxFormtime').click(function(){
          $('#queryForm').append($('#startDate'));
          $('#queryForm').append($('#endDate'));
        });
      </script>
      <div class="yxddlb">
        <div id="nave">
          <ol querystatus="">
            <a class="a_hover">全部</a>
          </ol>
        </div>

        <div class="zjmxlm">
          <ul>
            <ol class="ddh">
              订单号
            </ol>
            <ol class="sj">
              时间
            </ol>
            <ol class="zjlx">
              交易对象
            </ol>
            <ol class="jyje">
              金额
            </ol>
	        <ol class="jysm">
		      交易说明
	        </ol>
          </ul>
        </div>
        <div class="zjmxnr">
          <volist name="list" id="vo">
            <ul>
              <ol class="ddh">
                {$vo.order_sn}
              </ol>
              <ol class="sj">
                {$vo.log_time|date='Y-m-d H:i:s', ###}
              </ol>
              <ol class="zjlx">
                {$vo.seller_name|replacement=###, $vo['mobile']}
              </ol>
              <ol class="jyje">
                {$vo.log_amount|price=###, false}
              </ol>
	          <ol class="jysm">
		          {$vo.log_remark}
	          </ol>
            </ul>
          </volist>
        </div>
        <script type="text/javascript">
          $('.confirm_cancel').click(function(){
            if( ! window.confirm('您确认要取消此订单吗?') ){
              return false;
            }
          });
        </script>
        <!--页码-->
        <div class="page">
          {$page}
        </div>
        <div class="clear"></div>
      </div>
    </div>
  </div>
</div>
<div class="clear"></div>
<include file="Home/Public/footer" />
</body>
</html>